<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <script src="js/bootstrap.bundle.js"></script>
  <link rel="stylesheet" href="my/style.css">
  <!-- vue2 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  <style type="text/css">
    .a{
       width: 600px;
       height: 450px;
      margin:auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
     }
  </style>
</head>
<body>
       <form class="a" >
           <div class="form-floating mb-3">
             <input type="text" class="form-control" id="username" placeholder="用户名" name="">
             <label for="username">用户名</label>
           </div>
           <div class="form-floating mb-3">
             <input type="password" class="form-control" id="password1" placeholder="密码" name="">
             <label for="password1">密码</label>
           </div>
           <div class="form-floating mb-3">
             <input type="email" class="form-control" id="password2" placeholder="输入密码" name="">
             <label for="password2">请再次输入密码</label>
           </div>
           <div class="form-floating mb-3">
             <input type="password" class="form-control" id="phone" placeholder="电话" name="">
             <label for="phone">电话</label>
           </div>
           <div class="form-floating mb-3">
             <input type="email" class="form-control" id="email" placeholder="邮箱" name="">
             <label for="email">邮箱</label>
           </div>
           <a href="login.html"><input type="button" class="btn btn-primary" value="确认" name=""></input></a>
           <a href="login.html"><input type="button" class="btn btn-primary" value="返回" name=""></input></a>
         </form>
</body>
</html>